﻿@{
    Layout = "";
}

<!DOCTYPE html>

<html>
<head>
    <title>设备转移管理Equipment transfer management</title>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
    <!-- VENDOR CSS -->
    <link rel="stylesheet" type="text/css" href="~/Content/vendor/jquery/jquery-ui.css">
    <link rel="stylesheet" type="text/css" href="~/Content/vendor/bootstrap/bootstrap.css">
    <link rel="stylesheet" type="text/css" href="~/Content/vendor/bootstrap/bootstrap-datetimepicker.css">
    <link rel="stylesheet" type="text/css" href="~/Content/vendor/font-awesome/font-awesome.css">
    <link rel="stylesheet" type="text/css" href="~/Content/vendor/toastr/toastr.css">
    <link rel="stylesheet" type="text/css" href="~/Content/vendor/klorofil/main.css">
    <link rel="stylesheet" type="text/css" href="~/Content/aztech-style.css">

    <script type="text/javascript" src="~/Scripts/vendor/modernizr-2.6.2.js"></script>
</head>
<body>
    <div class="panel">
        <div class="panel-body">
            <form id="equipmentChangeForm" class="form-horizontal" v-if="isNotEmptyObject(equipmentList)">
                <div id="userName" class="form-group">
                    <label for="userName" class="col-sm-2 control-label">转移负责人名称Name of transfer principal</label>
                    <div class="col-sm-5">
                        <input type="text" class="form-control" placeholder="请填新负责人名字（指用户账号，英文名）Please fill in the name of the new person in charge (user account, English name)" v-model="userInfo.Name" v-on:blur="GetUserInfo" />
                        <input type="hidden" v-model="userInfo.ID" />
                    </div>
                </div>
                <div id="userInfo" class="form-group">
                    <div class="col-sm-5">
                        <table class="table table-bordered">
                            <tbody>
                                <tr class="warning">
                                    <td>中文名Chinese name</td>
                                    <td>{{userInfo.NameChs}}</td>
                                </tr>
                                <tr class="warning">
                                    <td>邮箱mailbox</td>
                                    <td>{{userInfo.Email}}</td>
                                </tr>
                                <tr class="warning">
                                    <td>电话Telephone</td>
                                    <td>{{userInfo.Mobile}}</td>
                                </tr>
                            </tbody>
                        </table>
                    </div>
                </div>
                <div id="equipmentList" class="form-group">
                    <div class="col-sm-5">
                        <table class="table table-bordered">
                            <tbody>
                                <tr>
                                    <td><input type="checkbox" v-on:click="SelectAllEquipment" /></td>
                                    <td>编号number</td>
                                    <td>名称name</td>
                                    <td>型号model</td>
                                    <td>序列号serial number</td>
                                </tr>
                                <tr v-for="(equipment, index) in equipmentList" v-on:click="SelectEquipment">
                                    <td><input type="checkbox" value="equipment.BaseInfo.ID" /></td>
                                    <td>{{equipment.BaseInfo.Code}}</td>
                                    <td>{{equipment.BaseInfo.Name}}</td>
                                    <td>{{equipment.BaseInfo.Model}}</td>
                                    <td>{{equipment.BaseInfo.Sn}}</td>
                                </tr>
                            </tbody>
                        </table>
                    </div>
                </div>
                <div class="form-group">
                    <div class="col-sm-offset-2 col-sm-10 text-center">
                        <button class="btn btn-primary" v-on:click="ChangeEquipment">确认转移Confirm transfer</button>
                    </div>
                </div>
            </form>
        </div>

    </div>

    <script type="text/javascript" src="~/Scripts/vendor/jquery/jquery-1.10.2.min.js"></script>
    <script type="text/javascript" src="~/Scripts/vendor/jquery/jquery.cookie.min.js"></script>
    <script type="text/javascript" src="~/Scripts/vendor/jquery/jquery.slimscroll.min.js"></script>
    <script type="text/javascript" src="~/Scripts/vendor/bootstrap/bootstrap.min.js"></script>
    <script type="text/javascript" src="~/Scripts/vendor/bootstrap/bootstrap-datetimepicker.min.js"></script>
    <script type="text/javascript" src="~/Scripts/vendor/toastr/toastr.min.js"></script>
    <script type="text/javascript" src="~/Scripts/vendor/klorofil/klorofil-common.js"></script>
    <script type="text/javascript" src="~/Scripts/vendor/respond.min.js"></script>
    <script type="text/javascript" src="~/Scripts/vendor/vue/vue.min.js"></script>
    <script type="text/javascript" src="~/Scripts/aztech-global.js?v=@DateTime.Now.ToFileTimeUtc()"></script>
    <script type="text/javascript" src="~/Scripts/aztech-script.js?v=@DateTime.Now.ToFileTimeUtc()"></script>
    <script type="text/javascript" src="~/Scripts/pageJs/Equipment/ChangeDetail.js?v=@DateTime.Now.ToFileTimeUtc()"></script>
</body>
</html>
